<?php
use yii\helpers\Url;
?>
<div class="row">
    <div class="col-xs-12">
        <div class="banner">
            <label>TRANG PHỤC</label>
            <ul>
                <li><a href="#">Áo khoác</a></li>
                <li><a href="#">Áo sơ mi</a></li>
                <li><a href="#">Áo thun</a></li>
                <li><a href="#">Quần</a></li>
                <li><a href="#">Đồ lót</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="row" id="best">
    <ul>
        <li class="col-xs-3">
            <div class="img">
                <img src="<?php echo Url::to('@web/images/shop-best-1.gif');?>" class="img-responsive">
                <div class="best">
                    <label>01</label>
                    <span>BEST</span>
                </div>
            </div>
            <div class="short-info">
                <img src="/images/best.gif">
                <p><a href="#">Áo Khoác Nỉ Nam Giả Vest</a></p>
                <span>(S/M/L)</span>
                <label class="price">560,000 VND</label>
            </div>
        </li>
        <li class="col-xs-3">
            <div class="img">
                <img src="<?php echo Url::to('@web/images/shop-best-1.gif');?>" class="img-responsive">
                <div class="best">
                    <label>02</label>
                    <span>BEST</span>
                </div>
            </div>
            <div class="short-info">
                <img src="/images/best.gif">
                <p><a href="#">Áo Khoác Nỉ Nam Giả Vest</a></p>
                <span>(S/M/L)</span>
                <label class="price">560,000 VND</label>
            </div>
        </li>
        <li class="col-xs-3">
            <div class="img">
                <img src="<?php echo Url::to('@web/images/shop-best-1.gif');?>" class="img-responsive">
                <div class="best">
                    <label>03</label>
                    <span>BEST</span>
                </div>
            </div>
            <div class="short-info">
                <img src="/images/best.gif">
                <p><a href="#">Áo Khoác Nỉ Nam Giả Vest</a></p>
                <span>(S/M/L)</span>
                <label class="price">560,000 VND</label>
            </div>
        </li>
        <li class="col-xs-3">
            <div class="img">
                <img src="<?php echo Url::to('@web/images/shop-best-1.gif');?>" class="img-responsive">
                <div class="best">
                    <label>04</label>
                    <span>BEST</span>
                </div>
            </div>
            <div class="short-info">
                <img src="/images/best.gif">
                <p><a href="#">Áo Khoác Nỉ Nam Giả Vest</a></p>
                <span>(S/M/L)</span>
                <label class="price">560,000 VND</label>
            </div>
        </li>
    </ul>
</div>
<div class="row">
    <div class="col-xs-12">
        <div id="filter">
            <div class="col-xs-5">TỔNG SỐ: 32 SẢN PHẨM</div>
            <div class="col-xs-7 right">
                <ul>
                    <li><a href="#">Giá thấp</a></li>
                    <li><a href="#">Giá cao</a></li>
                    <li><a href="#">Sản phẩm mới</a></li>
                    <li><a href="#">Xem nhiều nhất</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="row list-cater">
    <ul>
        <li class="col-xs-3">
            <a href="#">
                <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
            </a>
            <div class="short-info">
                <img src="<?php echo Url::to('@web/images/best.gif');?>">
                <p>Áo Khoác Nỉ Nam Giả Vest Áo Khoác Nỉ Nam Giả Vest Áo Khoác Nỉ Nam Giả Vest</p>
                <span>(S/M/L)</span>
                <label class="price">560,000 VND</label>
            </div>
        </li>
        <li class="col-xs-3">
            <a href="#">
                <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
            </a>
            <div class="short-info">
                <img src="<?php echo Url::to('@web/images/best.gif');?>">
                <p>Áo Khoác Nỉ Nam Giả Vest</p>
                <span>(S/M/L)</span>
                <label class="price">560,000 VND</label>
            </div>
        </li>
        <li class="col-xs-3">
            <a href="#">
                <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
            </a>
            <div class="short-info">
                <img src="<?php echo Url::to('@web/images/best.gif');?>">
                <p>Áo Khoác Nỉ Nam Giả Vest</p>
                <span>(S/M/L)</span>
                <label class="price">560,000 VND</label>
            </div>
        </li>
        <li class="col-xs-3">
            <a href="#">
                <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
            </a>
            <div class="short-info">
                <img src="<?php echo Url::to('@web/images/best.gif');?>">
                <p>Áo Khoác Nỉ Nam Giả Vest</p>
                <span>(S/M/L)</span>
                <label class="price">560,000 VND</label>
            </div>
        </li>
        <li class="col-xs-3">
            <a href="#">
                <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
            </a>
            <div class="short-info">
                <img src="<?php echo Url::to('@web/images/best.gif');?>">
                <p>Áo Khoác Nỉ Nam Giả Vest</p>
                <span>(S/M/L)</span>
                <label class="price">560,000 VND</label>
            </div>
        </li>
        <li class="col-xs-3">
            <a href="#">
                <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
            </a>
            <div class="short-info">
                <img src="<?php echo Url::to('@web/images/best.gif');?>">
                <p>Áo Khoác Nỉ Nam Giả Vest Áo Khoác Nỉ Nam Giả Vest Áo Khoác Nỉ Nam Giả Vest</p>
                <span>(S/M/L)</span>
                <label class="price">560,000 VND</label>
            </div>
        </li>
        <li class="col-xs-3">
            <a href="#">
                <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
            </a>
            <div class="short-info">
                <img src="<?php echo Url::to('@web/images/best.gif');?>">
                <p>Áo Khoác Nỉ Nam Giả Vest</p>
                <span>(S/M/L)</span>
                <label class="price">560,000 VND</label>
            </div>
        </li>
        <li class="col-xs-3">
            <a href="#">
                <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
            </a>
            <div class="short-info">
                <img src="<?php echo Url::to('@web/images/best.gif');?>">
                <p>Áo Khoác Nỉ Nam Giả Vest</p>
                <span>(S/M/L)</span>
                <label class="price">560,000 VND</label>
            </div>
        </li>
        <li class="col-xs-3">
            <a href="#">
                <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
            </a>
            <div class="short-info">
                <img src="<?php echo Url::to('@web/images/best.gif');?>">
                <p>Áo Khoác Nỉ Nam Giả Vest Áo Khoác Nỉ Nam Giả Vest Áo Khoác Nỉ Nam Giả Vest</p>
                <span>(S/M/L)</span>
                <label class="price">560,000 VND</label>
            </div>
        </li>
        <li class="col-xs-3">
            <a href="#">
                <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
            </a>
            <div class="short-info">
                <img src="<?php echo Url::to('@web/images/best.gif');?>">
                <p>Áo Khoác Nỉ Nam Giả Vest</p>
                <span>(S/M/L)</span>
                <label class="price">560,000 VND</label>
            </div>
        </li>
        <li class="col-xs-3">
            <a href="#">
                <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
            </a>
            <div class="short-info">
                <img src="<?php echo Url::to('@web/images/best.gif');?>">
                <p>Áo Khoác Nỉ Nam Giả Vest</p>
                <span>(S/M/L)</span>
                <label class="price">560,000 VND</label>
            </div>
        </li>
        <li class="col-xs-3">
            <a href="#">
                <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
            </a>
            <div class="short-info">
                <img src="<?php echo Url::to('@web/images/best.gif');?>">
                <p>Áo Khoác Nỉ Nam Giả Vest</p>
                <span>(S/M/L)</span>
                <label class="price">560,000 VND</label>
            </div>
        </li>
        <li class="col-xs-3">
            <a href="#">
                <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
            </a>
            <div class="short-info">
                <img src="<?php echo Url::to('@web/images/best.gif');?>">
                <p>Áo Khoác Nỉ Nam Giả Vest</p>
                <span>(S/M/L)</span>
                <label class="price">560,000 VND</label>
            </div>
        </li>
        <li class="col-xs-3">
            <a href="#">
                <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
            </a>
            <div class="short-info">
                <img src="<?php echo Url::to('@web/images/best.gif');?>">
                <p>Áo Khoác Nỉ Nam Giả Vest Áo Khoác Nỉ Nam Giả Vest Áo Khoác Nỉ Nam Giả Vest</p>
                <span>(S/M/L)</span>
                <label class="price">560,000 VND</label>
            </div>
        </li>
        <li class="col-xs-3">
            <a href="#">
                <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
            </a>
            <div class="short-info">
                <img src="<?php echo Url::to('@web/images/best.gif');?>">
                <p>Áo Khoác Nỉ Nam Giả Vest</p>
                <span>(S/M/L)</span>
                <label class="price">560,000 VND</label>
            </div>
        </li>
        <li class="col-xs-3">
            <a href="#">
                <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
            </a>
            <div class="short-info">
                <img src="<?php echo Url::to('@web/images/best.gif');?>">
                <p>Áo Khoác Nỉ Nam Giả Vest</p>
                <span>(S/M/L)</span>
                <label class="price">560,000 VND</label>
            </div>
        </li>
        <li class="col-xs-3">
            <a href="#">
                <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
            </a>
            <div class="short-info">
                <img src="<?php echo Url::to('@web/images/best.gif');?>">
                <p>Áo Khoác Nỉ Nam Giả Vest Áo Khoác Nỉ Nam Giả Vest Áo Khoác Nỉ Nam Giả Vest</p>
                <span>(S/M/L)</span>
                <label class="price">560,000 VND</label>
            </div>
        </li>
        <li class="col-xs-3">
            <a href="#">
                <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
            </a>
            <div class="short-info">
                <img src="<?php echo Url::to('@web/images/best.gif');?>">
                <p>Áo Khoác Nỉ Nam Giả Vest</p>
                <span>(S/M/L)</span>
                <label class="price">560,000 VND</label>
            </div>
        </li>
        <li class="col-xs-3">
            <a href="#">
                <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
            </a>
            <div class="short-info">
                <img src="<?php echo Url::to('@web/images/best.gif');?>">
                <p>Áo Khoác Nỉ Nam Giả Vest</p>
                <span>(S/M/L)</span>
                <label class="price">560,000 VND</label>
            </div>
        </li>
        <li class="col-xs-3">
            <a href="#">
                <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
            </a>
            <div class="short-info">
                <img src="<?php echo Url::to('@web/images/best.gif');?>">
                <p>Áo Khoác Nỉ Nam Giả Vest</p>
                <span>(S/M/L)</span>
                <label class="price">560,000 VND</label>
            </div>
        </li>
        <li class="col-xs-3">
            <a href="#">
                <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
            </a>
            <div class="short-info">
                <img src="<?php echo Url::to('@web/images/best.gif');?>">
                <p>Áo Khoác Nỉ Nam Giả Vest</p>
                <span>(S/M/L)</span>
                <label class="price">560,000 VND</label>
            </div>
        </li>
        <li class="col-xs-3">
            <a href="#">
                <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
            </a>
            <div class="short-info">
                <img src="<?php echo Url::to('@web/images/best.gif');?>">
                <p>Áo Khoác Nỉ Nam Giả Vest Áo Khoác Nỉ Nam Giả Vest Áo Khoác Nỉ Nam Giả Vest</p>
                <span>(S/M/L)</span>
                <label class="price">560,000 VND</label>
            </div>
        </li>
        <li class="col-xs-3">
            <a href="#">
                <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
            </a>
            <div class="short-info">
                <img src="<?php echo Url::to('@web/images/best.gif');?>">
                <p>Áo Khoác Nỉ Nam Giả Vest</p>
                <span>(S/M/L)</span>
                <label class="price">560,000 VND</label>
            </div>
        </li>
        <li class="col-xs-3">
            <a href="#">
                <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
            </a>
            <div class="short-info">
                <img src="<?php echo Url::to('@web/images/best.gif');?>">
                <p>Áo Khoác Nỉ Nam Giả Vest</p>
                <span>(S/M/L)</span>
                <label class="price">560,000 VND</label>
            </div>
        </li>
        <li class="col-xs-3">
            <a href="#">
                <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
            </a>
            <div class="short-info">
                <img src="<?php echo Url::to('@web/images/best.gif');?>">
                <p>Áo Khoác Nỉ Nam Giả Vest Áo Khoác Nỉ Nam Giả Vest Áo Khoác Nỉ Nam Giả Vest</p>
                <span>(S/M/L)</span>
                <label class="price">560,000 VND</label>
            </div>
        </li>
        <li class="col-xs-3">
            <a href="#">
                <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
            </a>
            <div class="short-info">
                <img src="<?php echo Url::to('@web/images/best.gif');?>">
                <p>Áo Khoác Nỉ Nam Giả Vest</p>
                <span>(S/M/L)</span>
                <label class="price">560,000 VND</label>
            </div>
        </li>
        <li class="col-xs-3">
            <a href="#">
                <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
            </a>
            <div class="short-info">
                <img src="<?php echo Url::to('@web/images/best.gif');?>">
                <p>Áo Khoác Nỉ Nam Giả Vest</p>
                <span>(S/M/L)</span>
                <label class="price">560,000 VND</label>
            </div>
        </li>
        <li class="col-xs-3">
            <a href="#">
                <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
            </a>
            <div class="short-info">
                <img src="<?php echo Url::to('@web/images/best.gif');?>">
                <p>Áo Khoác Nỉ Nam Giả Vest</p>
                <span>(S/M/L)</span>
                <label class="price">560,000 VND</label>
            </div>
        </li>
        <li class="col-xs-3">
            <a href="#">
                <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
            </a>
            <div class="short-info">
                <img src="<?php echo Url::to('@web/images/best.gif');?>">
                <p>Áo Khoác Nỉ Nam Giả Vest</p>
                <span>(S/M/L)</span>
                <label class="price">560,000 VND</label>
            </div>
        </li>
        <li class="col-xs-3">
            <a href="#">
                <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
            </a>
            <div class="short-info">
                <img src="<?php echo Url::to('@web/images/best.gif');?>">
                <p>Áo Khoác Nỉ Nam Giả Vest Áo Khoác Nỉ Nam Giả Vest Áo Khoác Nỉ Nam Giả Vest</p>
                <span>(S/M/L)</span>
                <label class="price">560,000 VND</label>
            </div>
        </li>
        <li class="col-xs-3">
            <a href="#">
                <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
            </a>
            <div class="short-info">
                <img src="<?php echo Url::to('@web/images/best.gif');?>">
                <p>Áo Khoác Nỉ Nam Giả Vest</p>
                <span>(S/M/L)</span>
                <label class="price">560,000 VND</label>
            </div>
        </li>
        <li class="col-xs-3">
            <a href="#">
                <img src="<?php echo Url::to('@web/images/4.jpg');?>" class="img-responsive">
            </a>
            <div class="short-info">
                <img src="<?php echo Url::to('@web/images/best.gif');?>">
                <p>Áo Khoác Nỉ Nam Giả Vest</p>
                <span>(S/M/L)</span>
                <label class="price">560,000 VND</label>
            </div>
        </li>
    </ul>
</div>